<template lang="html">
  <div class="menu-container">
    <expand/>
    <selection/>
    <insert-box/>
    <move-box/>
    <edit-del/>
    <sequence-box
      v-if="sequenceEnable"
      :prefix="priorityPrefix"
      :priority-count="priorityCount"
      :priority-disable-check="priorityDisableCheck"
      :start-with-zero="priorityStartWithZero"
    />
    <progress-box v-if="progressEnable"/>
    <tag-box
      v-if="tagEnable"
      :tags="tags"
      :tag-disable-check="tagDisableCheck"
      :tag-edit-check="tagEditCheck"
      :distinct-tags="distinctTags"
    />
    <image-box v-if="minderUrl.upload" :minder-url="minderUrl"/>
    <link-box  v-if="linkEnable"/>
  </div>
</template>

<script>
import insertBox from './insertBox'
import moveBox from './moveBox'
import editDel from './editDel'
import sequenceBox from './sequenceBox'
import progressBox from './progressBox'
import expand from './expand'
import selection from './selection'
import TagBox from "./tagBox"
import imageBox from "./imageBox";
import linkBox from "./linkBox";

import {editMenuProps, priorityProps, tagProps} from "../../props";

export default {
  name: 'editMenu',
  components: {
    TagBox,
    insertBox,
    moveBox,
    editDel,
    sequenceBox,
    progressBox,
    expand,
    selection,
    imageBox,
    linkBox
  },
  props: {
    ...editMenuProps,
    ...priorityProps,
    ...tagProps
  },
}
</script>
